<%@ Page Language="C#" AutoEventWireup="true" Codebehind="Example10.aspx.cs" Inherits="NiftyDotNetDemo.Example10" %>

<%@ Register Assembly="NiftyDotNet" Namespace="NiftyDotNet" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>NiftyDotNet - Example 10</title>
    <link href="styles/Example10.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
            <div class="toolbar">
                <asp:CheckBox ID="CheckBox1" runat="server" Text="Disable NiftyDotNet effects in this page"
                    AutoPostBack="True" Checked="False" OnCheckedChanged="CheckBox1_CheckedChanged" />
            </div>
        <div id="header">
            <h1>
                <span style="color: #0099ff">NiftyDot</span>Net &amp; Nifty Corners Cube&trade;
            </h1>
            <div id="menu">
                <ul id="nav">
                    <li id="home" class="activelink"><a href="#">Home</a></li>
                    <li id="who"><a href="#">About</a></li>
                    <li id="prod"><a href="#">Product</a></li>
                    <li id="serv"><a href="#">Services</a></li>
                    <li id="cont"><a href="#">Contact us</a></li>
                </ul>
            </div>
        </div>
        <div id="container">
            <div id="content">
                <ul id="intro">
                    <li id="mission">
                        <h3>
                            Our Mission</h3>
                        <p>
                            Is to make a rounded world, free of edges.</p>
                    </li>
                    <li id="services">
                        <h3>
                            Our Services</h3>
                        <p>
                            Are oriented to developers</p>
                    </li>
                    <li id="more">
                        <h3>
                            Our goals</h3>
                        <p>
                            Are to make developers happier, and more efficient.</p>
                    </li>
                </ul>
                <p>
                    <strong>NiftyDotNet</strong> is an ASP.NET Component that encapsulates Nifty Corners
                    Cube, the excellent javascript library created by Alessandro Fulciniti.</p>
                <p>
                    It'll allow you to round corners just dragging and dropping on a WebForm, and then
                    adjusting some really simple parameters.</p>
                <p>
                    <strong>NiftyDotNet</strong> has been developed by <a href="http://www.variablenotfound.com">
                        Jos&eacute; M. Aguilar</a>, and it is distributed under the GNU GPL license.</p>
                <h2>
                    NiftyDotNet: easier than ever before</h2>
                <div class="date">
                    OCT <span>14</span> 2007</div>
                <p>
                    In this example we can see the how you can create modern web pages like this with
                    NiftyDotNet. No images are needed.&nbsp;Just design you layout and NiftyDotNet'll
                    give it a new look.</p>
                <h2>
                    NiftyDotNet in this page</h2>
                <div class="date">
                    OCT <span>13</span> 2007</div>
                <p>
                    If you want, you can see this page without Nifty effects. You'll found a checkbox
                    at the bottom that will allow you to disable all NiftyDotNet controls.</p>
                <p>
                    This page uses six NiftyDotNet controls:
                </p>
                <ul>
                    <li>Nifty1 rounds the upper menu elements and makes their heights equal.</li>
                    <li>Nifty2 affects to the three upper text blocks with general information.</li>
                    <li>Nifty3 rounds the date box in text section.</li>
                    <li>Nifty4 rounds the content and side bar blocks, and makes them same height.</li>
                    <li>Nifty5 rounds the footer.</li>
                    <li>Nifty6 rounds the main body bottom corners.</li>
                </ul>
                <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus non erat. Aliquam
                    erat volutpat. Praesent at enim. Mauris a diam. Sed laoreet massa ac lectus. Nunc
                    pede lacus, vulputate in, vestibulum ut, mollis eu, ante. Mauris suscipit enim sit
                    amet est. Aliquam erat volutpat. Nulla aliquam felis non erat. Pellentesque a magna
                    eget nunc luctus mattis. Pellentesque habitant morbi tristique senectus et netus
                    et malesuada fames ac turpis egestas. Curabitur nisl. Vivamus tortor. Mauris a sem
                    in lacus ultricies rutrum. Ut sollicitudin. Fusce at elit. Cras ultrices nisl id
                    mauris. Maecenas quis dui.
                </p>
                <div class="comments">
                    <div>
                        <p>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus non erat. Aliquam
                            erat volutpat. Praesent at enim. Mauris a diam.</p>
                    </div>
                    <div class="odd">
                        <p>
                            Nunc pede lacus, vulputate in, vestibulum ut, mollis eu, ante. Mauris suscipit enim
                            sit amet est. Aliquam erat volutpat. Nulla aliquam felis non erat. Pellentesque
                            a magna eget nunc luctus mattis.</p>
                    </div>
                    <div>
                        <p>
                            Fusce elementum. Pellentesque habitant morbi tristique senectus et netus et malesuada
                            fames ac turpis egestas. Cras congue ante a odio.</p>
                    </div>
                </div>
                <p>
                    Donec quis metus fringilla purus lacinia dapibus. Morbi volutpat posuere ante. Integer
                    diam. Phasellus rutrum nibh non libero. Maecenas pulvinar tellus ac ligula. Nullam
                    sit amet libero vel ipsum sollicitudin fermentum. Ut id augue. Proin libero metus,
                    consectetuer vel, ullamcorper et, semper ut, ante. Mauris ante ligula, lobortis
                    vel, dignissim ac, aliquet id, eros. Duis sed velit non erat euismod ultrices. Suspendisse
                    sit amet sapien quis velit pharetra egestas. Maecenas porttitor ante vel dui vulputate
                    rhoncus. Praesent suscipit. Fusce a sapien. Donec magna nibh, aliquet sed, auctor
                    in, blandit sit amet, arcu. Proin tellus eros, placerat varius, dignissim vitae,
                    porttitor eget, elit. Cras cursus rutrum magna. Ut mi. Nulla tristique, libero elementum
                    aliquam vulputate, nunc odio viverra lectus, at bibendum lacus tortor non mi.</p>
            </div>
            <div id="side">
                <p>
                    <strong>NiftyDotNet</strong> is an ASP.NET Component that encapsulates Nifty Corners
                    Cube, the excellent javascript library created by Alessandro Fulciniti.</p>
                <p>
                    It'll allow you to round corners just dragging and dropping on a WebForm, and then
                    adjusting some really simple parameters.</p>
                <p>
                    <strong>NiftyDotNet</strong> has been developed by <a href="http://www.variablenotfound.com">
                        Jos&eacute; M. Aguilar</a>, and it is distributed under the GNU GPL license.</p>
            </div>
            <cc1:Nifty ID="Nifty1" runat="server" Corners="TopRight, TopLeft" CornerSize="Small"
                InnerTransparent="True" Selectors="div#menu a">
            </cc1:Nifty>
            <cc1:Nifty ID="Nifty2" runat="server" MakeSameHeight="True" Selectors="ul#intro li">
            </cc1:Nifty>
            <cc1:Nifty ID="Nifty3" runat="server" Selectors="div.date">
            </cc1:Nifty>
            <cc1:Nifty ID="Nifty4" runat="server" MakeSameHeight="True" Selectors="div#content,div#side">
            </cc1:Nifty>
            <cc1:Nifty ID="Nifty5" runat="server" Selectors="div#footer">
            </cc1:Nifty>
            <cc1:Nifty ID="Nifty6" runat="server" Corners="BottomLeft, BottomRight" Selectors="div#container">
            </cc1:Nifty>
            <cc1:Nifty ID="Nifty7" runat="server" Selectors="div.comments div">
            </cc1:Nifty>
            <div id="footer">
                <p>
                    Nifty Corners Cube&trade; both idea and execution by Alessandro Fulciniti</p>
                <p>
                    NiftyDotNet&trade; by Jos&eacute; M. Aguilar</p>
                <p>
                    <a id="back" href="Default.aspx" title="Main page">Return to main page</a>
                </p>
            </div>
            <br />
        </div>
    </form>
</body>
</html>
